<script >
import {ref} from 'vue'
export default{
  setup(){
    // 显示隐藏
   const show=ref(true)
   const toggle=()=>{
    show.value=!show.value
   }
  //  数量增加
   const count=ref(0)
   const increment=()=>{
    count.value++
   }
   // 将组件需要的状态、方法等返回给组件
   return { show, toggle, count, increment }
  }
}
</script>
<template>
 <img v-show="show" alt="Vite logo" src="/vite.svg" />
  <button @click="toggle">显示隐藏图片</button>
  <hr />
  <h2>计数器：{{ count }}</h2>
  <button @click="increment">累加</button>
</template>
<style>
</style>